page {
  width: 100%;
  height: 100%;
}

.top {
  height: 200rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .top-left {
    image {
      width: 100rpx;
      height: 100rpx;
      border-radius: 20rpx;
    }
  }
  .top-middle {
    label {
      font-size: 30rpx;
      label {
        font-size: 26rpx;
      }
    }
  }
  .top-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .title {
      font-weight: bold;
    }
  }
}

.middle {
  margin-top: 20rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  .middle-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .title {
      font-weight: bold;
    }
  }
}

.bottom {
  margin-top: 20rpx;
  .title {
    font-weight: bold;
  }
  .desc {
    font-size: 28rpx;
  }
  .images {
    image {
      width: 100%;
    }
  }
  .tags {
    margin-top: 10rpx;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    label {
      margin-right: 6rpx;
      border: 2rpx solid black;
    }
  }
}

.footer {
  position: fixed;
  z-index: 200;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100rpx;
  border: 2rpx solid blueviolet;
  button {
    background-color: pink;
  }
}
